{% extends "base.html" %}
{% block title %}Book room{% endblock %}
{% block content %}
<table class="table table-striped">
    <thead>
    <th colspan="2">Booking details</th>
    </thead>
    
    <tr>
        <td>Hotel</td>
        <td style="font-weight: bold">{{myoffer.hotel.name}}</td>
    </tr>
    <tr>
        <td>Tourism Company</td>
        <td style="font-weight: bold"><img src="/media/{{myoffer.company.companyImage}}" style="width: 150px;height: 60px"> {{myoffer.company.companyName}}</td>
    </tr>
    <tr>
        <td>Start Date</td>
        <td style="font-weight: bold">{{start}}</td>
    </tr>
    <tr>
        <td>End Date</td>
        <td style="font-weight: bold">{{end}}</td>
    </tr>
    <tr>
        <td>Number of days</td>
        <td style="font-weight: bold">{{number}}</td>
    </tr>
    <tr>
        <td>Number of rooms</td>
        <td style="font-weight: bold">{{rooms}}</td>
    </tr>
    <tr>
        <td>Price per night</td>
        <td style="font-weight: bold">{{myoffer.price}} $</td>
    </tr>
    <tr>
        <td>Total </td>
        <td style="font-weight: bold">{{price}} $</td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center">
            <form action="/myhotel/book/{{myoffer.id}}/confirm/" method="post">
                {% csrf_token %}
                <input type="hidden" name="startdate" value="{{start}}">
                <input type="hidden" name="enddate" value="{{end}}">
                <button class="btn btn-success btn-lg" type="submit">Confirm</button>
            </form>
        </td>
    </tr>
</table>
{% endblock %}
